// 对于axios进行二次封装
import axios from 'axios';
// start开始   done结束
import nprogress from 'nprogress';
// 引入进度条样式
import 'nprogress/nprogress.css';

// 1:利用axios的对象方法create ，去创建一个axios实例
// 2.request其实就是axios，不过是可以配置一下
const requests = axios.create({
  // 配置对象
  // 基础路径：发请求的时候，路径当中会出现api
  baseURL: '/api',
  // 请求超时时间
  timeout: 10000,
});
// 请求拦截器：再发请求之前，请求拦截器可以检测到，可以在请求发出去之前做一些事情
requests.interceptors.request.use((config) => {
  // config：配置对象，对象里面有一个属性很重要，header请求头
  // 进度条开始
  nprogress.start();
  return config;
});
// 响应拦截器
requests.interceptors.response.use(
  // 成功
  (res) => {
    // 进度条结束
    nprogress.done();
    return res.data;
  },
  // 失败
  (error) => {
    return Promise.reject(new Error('faile'));
  }
);

// 对外暴露
export default requests;
